section{
  padding: 0;
  background-color: #FAF7F8;
  .study{
    .breadcrumb-item+.breadcrumb-item::before{
      content: ">";
    }
    .breadcrumb{
      color: #999999;
      font-size: 16px;
      background-color: #FAF7F8;
      padding: 20px 0;
    }
    .fx-tab{
      >ul{
        list-style: none;
        font-size: 18px;
        padding: 15px 30px;
        width: 990px;
        border-radius: 30px;
        background-color: #FFF;
        float: left;
        li{
          display: inline-block;
          margin-left: 50px;
          a{
            display: block;
            text-decoration: none;
            color: #999999;
            &:hover, &.active{
              border-bottom: 2px solid #2ECE9A;
            }
          }
        }
      }
      .dropdown{
        font-size: 16px;
        float: right;
        margin-top: 5px;
        a{
          color: #666666;
          background-color: #FAF7F8;
          border: none;
        }
      }
    }
    .fx-tab-content{
      padding: 40px 0;
      .left{
        width: 880px;
        height: 500px;
        float: left;
      }
      .right{
        float: right;
        width: 320px;
        height: 500px;
        font-size: 16px;
        background:rgba(38,41,44,1);
        ul{
          li{
            background:rgba(38,41,44,1);
            color: #FFF;
            border: none;
            &.node-selected{
              background-color: rgba(38,41,44,1) !important;
              color: #2ECE9A !important;
            }
          }
        }
      }
    }
  }
}